/**
 * @author              Steven Palmer and Bradley Silk
 * @author url          http://coalaweb.com
 * @author email        support@coalaweb.com
 * @version             Version 0.0.1 January 2013
 * @copyright           Copyright (c) 2013 Steven Palmer and Bradley Silk All rights reserved.
 */

@import url(../warp/css/modules.css);


/* Module Badges
----------------------------------------------------------------------------------------------------*/
.module .badge {
	width: 32px;
	height: 22px;
	background: url(../images/module_badges.png) 0 0 no-repeat;
}
 
.module .badge-hot { background-position: 0 0; }
.module .badge-top { background-position: 0 -25px; }
.module .badge-free { background-position: 0 -50px; }
.module .badge-new { background-position: 0 -75px; }


/* Module Icons
----------------------------------------------------------------------------------------------------*/
.module .module-title .icon { background: url(../images/module_icons.png) 0 0 no-repeat; }

.module .module-title .icon-download { background-position: 0 0; }
.module .module-title .icon-twitter { background-position: 0 -30px; }
.module .module-title .icon-mail { background-position: 0 -60px; }
.module .module-title .icon-bubble { background-position: 0 -90px; }
.module .module-title .icon-login { background-position: 0 -120px; }
.module .module-title .icon-cart { background-position: 0 -150px; }


/* Module Type: Box
----------------------------------------------------------------------------------------------------*/

/* Background for all modules */
.mod-box {
        background: #fff url(../images/modulebg.png) repeat-x top left;
	padding: 15px;
	border: 1px solid #e2e2e2;
}

/* Sets position of module badges */
.mod-box .badge { top: -1px; right: -1px; }

/* Takes styling off modules in the top-a position */
#top-a .mod-box {
    padding: 0px !important;
    border: none;
    background: none;
}

.module-title {
    font-size: 140%;
}

/* All the Module Class Suffix Colours
----------------------------------------------------------------------------------------------------*/

/* Green Module Class Suffix
----------------------------------------------------------------------------------------------------*/

/* Sets the colour for the module title */
.module.mod-box-green .module-title {
    color: #268413;
}

/* Button
------------------------------------------------------------------------------*/
.module.mod-box-green .button-primary {
    background-color: #5BB75B;
    background-image: -webkit-linear-gradient(#62C462, #51A351);
    background-image: linear-gradient(#62C462, #51A351); 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62C462', endColorstr='#51A351');
    color:#ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.module.mod-box-green .button-primary:hover,
.module.mod-box-green .button-primary a:active, 
.module.mod-box-green .button-primary a:focus {
    background-color: #51A351;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#51A351', endColorstr='#51A351');
    color:#ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

/* Side Menu
------------------------------------------------------------------------------*/
.module.mod-box-green a,
.module.mod-box-green .menu-sidebar li.active .level1, 
.module.mod-box-green .menu-sidebar li.level2 a.level2.active { 
    color: #268413; 
}

.module.mod-box-green a:hover,
.module.mod-box-green em,
.module.mod-box-green code,
.module.mod-box-green .menu-sidebar li.remain .level1, 
.module.mod-box-green .menu-sidebar a.level2:hover, 
.module.mod-box-green .menu-sidebar a.level3:hover { 
    color: #79c36b; 
}

.module.mod-box-green .menu-sidebar .level2 a > span, 
.module.mod-box-green .menu-sidebar .level2 span > span { 
    background: url(../images/color/green/menu_bullet_green.png) 0 0 no-repeat;
}

/* Sets the active drop-arrow nd hover arrow for the side menu */
.module.mod-box-green .menu-sidebar li.parent.active .level1 > span { 
    background: url(../images/color/green/menu_sidebar_arrow_green.png) 100% -100px no-repeat; 
}

.module.mod-box-green .menu-sidebar li.parent .level1:hover > span { 
    background: url(../images/color/green/menu_sidebar_arrow_green.png) 100% 0 no-repeat; 
}

/* Orange Module Class Suffix
----------------------------------------------------------------------------------------------------*/

/* Sets the colour for the module title */
.module.mod-box-orange .module-title {
    color: #d50;
}

/* Button
------------------------------------------------------------------------------*/
.module.mod-box-orange .button-primary {
    background-color: #FAA732;
    background-image: -webkit-linear-gradient(#FBB450, #F89406);
    background-image: linear-gradient(#FBB450, #F89406);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBB450', endColorstr='#F89406');
    color:#ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.module.mod-box-orange .button-primary:hover,
.module.mod-box-orange .button-primary a:active, 
.module.mod-box-orange .button-primary a:focus {
    background-color: #F89406;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F89406', endColorstr='#F89406');
    color:#ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

/* Side Menu
------------------------------------------------------------------------------*/ 
.module.mod-box-orange a,
.module.mod-box-orange .menu-sidebar li.active .level1, 
.module.mod-box-orange .menu-sidebar li.level2 a.level2.active { 
    color: #dd793b; 
}

.module.mod-box-orange a:hover,
.module.mod-box-orange em,
.module.mod-box-orange code,
.module.mod-box-orange .menu-sidebar li.remain .level1, 
.module.mod-box-orange .menu-sidebar a.level2:hover, 
.module.mod-box-orange .menu-sidebar a.level3:hover { 
    color: #ea9e72; 
}

.module.mod-box-orange .menu-sidebar .level2 a > span, 
.module.mod-box-orange .menu-sidebar .level2 span > span { 
    background: url(../images/color/orange/menu_bullet_orange.png) 0 0 no-repeat;
}

/* Sets the active drop-arrow and hover arrow for the side menu */
.module.mod-box-orange .menu-sidebar li.parent.active .level1 > span { 
    background: url(../images/color/orange/menu_sidebar_arrow_orange.png) 100% -100px no-repeat; 
}

.module.mod-box-orange .menu-sidebar li.parent .level1:hover > span { 
    background: url(../images/color/orange/menu_sidebar_arrow_orange.png) 100% 0 no-repeat; 
}


/* Pink Module Class Suffix
----------------------------------------------------------------------------------------------------*/

/* Sets the colour for the module title */
.module.mod-box-pink .module-title {
	color: #d825c8;
}

/* Button
------------------------------------------------------------------------------*/
.module.mod-box-pink .button-primary {
    background-color: #D825C8;
    background-image: -webkit-linear-gradient(#F27BEA, #C843BF);
    background-image: linear-gradient(#F27BEA, #C843BF);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F27BEA', endColorstr='#C843BF');
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.module.mod-box-pink .button-primary:hover,
.module.mod-box-pink .button-primary a:active, 
.module.mod-box-pink .button-primary a:focus {
    background-color: #C843BF;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C843BF', endColorstr='#C843BF');
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

/* Side Menu
------------------------------------------------------------------------------*/
.module.mod-box-pink a,
.module.mod-box-pink .menu-sidebar li.active .level1, 
.module.mod-box-pink .menu-sidebar li.level2 a.level2.active { 
    color: #D825C8; 
}

.module.mod-box-pink a:hover,
.module.mod-box-pink em,
.module.mod-box-pink code,
.module.mod-box-pink .menu-sidebar li.remain .level1, 
.module.mod-box-pink .menu-sidebar a.level2:hover, 
.module.mod-box-pink .menu-sidebar a.level3:hover { 
    color: #eb7cdf; 
}

.module.mod-box-pink .menu-sidebar .level2 a > span, 
.module.mod-box-pink .menu-sidebar .level2 span > span { 
    background: url(../images/color/pink/menu_bullet_pink.png) 0 0 no-repeat; 
}

/* Sets the active drop-arrow nd hover arrow for the side menu */
.module.mod-box-pink .menu-sidebar li.parent.active .level1 > span { 
    background: url(../images/color/pink/menu_sidebar_arrow_pink.png) 100% -100px no-repeat; 
}

.module.mod-box-pink .menu-sidebar li.parent .level1:hover > span { 
    background: url(../images/color/pink/menu_sidebar_arrow_pink.png) 100% 0 no-repeat; 
}

/* Red Module Class Suffix
----------------------------------------------------------------------------------------------------*/

/* Sets the colour for the module title */
.module.mod-box-red .module-title {
    color: #b1191c;
}

/* Button
------------------------------------------------------------------------------*/
.module.mod-box-red .button-primary {
    background-color: #DA4F49;
    background-image: -webkit-linear-gradient(#EE5F5B, #BD362F);
    background-image: linear-gradient(#EE5F5B, #BD362F);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EE5F5B', endColorstr='#BD362F');
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.module.mod-box-red .button-primary:hover,
.module.mod-box-red .button-primary a:active, 
.module.mod-box-red .button-primary a:focus {
    background-color: #BD362F;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BD362F', endColorstr='#BD362F');
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

/* Side Menu
------------------------------------------------------------------------------*/
.module.mod-box-red a,
.module.mod-box-red .menu-sidebar li.active .level1, 
.module.mod-box-red .menu-sidebar li.level2 a.level2.active { 
    color: #b1191c; 
}

.module.mod-box-red a:hover,
.module.mod-box-red em,
.module.mod-box-red code,
.module.mod-box-red .menu-sidebar li.remain .level1, 
.module.mod-box-red .menu-sidebar a.level2:hover, 
.module.mod-box-red .menu-sidebar a.level3:hover { 
    color: #d85863;
}

.module.mod-box-red .menu-sidebar .level2 a > span, 
.module.mod-box-red .menu-sidebar .level2 span > span { 
    background: url(../images/color/red/menu_bullet_red.png) 0 0 no-repeat;
}

/* Sets the active drop-arrow nd hover arrow for the side menu */
.module.mod-box-red .menu-sidebar li.parent.active .level1 > span { 
    background: url(../images/color/red/menu_sidebar_arrow_red.png) 100% -100px no-repeat; 
}

.module.mod-box-red .menu-sidebar li.parent .level1:hover > span { 
    background: url(../images/color/red/menu_sidebar_arrow_red.png) 100% 0 no-repeat; 
}

/* Teal Module Class Suffix
----------------------------------------------------------------------------------------------------*/

/* Sets the colour for the module title */
.module.mod-box-teal .module-title {
    color: #006362;
}

/* Button
------------------------------------------------------------------------------*/
.module.mod-box-teal .button-primary {
    background-color: #21AEA5;
    background-image: -webkit-linear-gradient(#46CBC7, #1A9E9A);
    background-image: linear-gradient(#46CBC7, #1A9E9A);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#46CBC7', endColorstr='#1A9E9A');
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.module.mod-box-teal .button-primary:hover,
.module.mod-box-teal .button-primary a:active, 
.module.mod-box-teal .button-primary a:focus {
    background-color: #1A9E9A;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1A9E9A', endColorstr='#1A9E9A');
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

/* Side Menu
------------------------------------------------------------------------------*/
.module.mod-box-teal a,
.module.mod-box-teal .menu-sidebar li.active .level1, 
.module.mod-box-teal .menu-sidebar li.level2 a.level2.active { 
    color: #058383; 
}

.module.mod-box-teal a:hover,
.module.mod-box-teal em,
.module.mod-box-teal code,
.module.mod-box-teal .menu-sidebar li.remain .level1, 
.module.mod-box-teal .menu-sidebar a.level2:hover, 
.module.mod-box-teal .menu-sidebar a.level3:hover { 
    color: #69bcbc;
}
 
.module.mod-box-teal .menu-sidebar .level2 a > span, 
.module.mod-box-teal .menu-sidebar .level2 span > span { 
    background: url(../images/color/teal/menu_bullet_teal.png) 0 0 no-repeat;
}

/* Sets the active drop-arrow nd hover arrow for the side menu */
.module.mod-box-teal .menu-sidebar li.parent.active .level1 > span { 
    background: url(../images/color/teal/menu_sidebar_arrow_teal.png) 100% -100px no-repeat; 
}

.module.mod-box-teal .menu-sidebar li.parent .level1:hover > span { 
    background: url(../images/color/teal/menu_sidebar_arrow_teal.png) 100% 0 no-repeat; 
}

/* Blue Module Class Suffix
----------------------------------------------------------------------------------------------------*/

/* Sets the colour for the module title */
.module.mod-box-blue .module-title {
    color: #1272a5;
}

/* Button
------------------------------------------------------------------------------*/
.module.mod-box-blue .button-primary {
    background-color: #49AFCD;
    background-image: -webkit-linear-gradient(#5BC0DE, #2F96B4);
    background-image: linear-gradient(#5BC0DE, #2F96B4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5BC0DE', endColorstr='#2F96B4');
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.module.mod-box-blue .button-primary:hover,
.module.mod-box-blue .button-primary a:active, 
.module.mod-box-blue .button-primary a:focus {
    background-color: #2F96B4;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2F96B4', endColorstr='#2F96B4');
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

/* Side Menu
------------------------------------------------------------------------------*/
.module.mod-box-blue a,
.module.mod-box-blue .menu-sidebar li.active .level1, 
.module.mod-box-blue .menu-sidebar li.level2 a.level2.active { 
    color: #2382b2; 
}

.module.mod-box-blue a:hover,
.module.mod-box-blue em,
.module.mod-box-blue code,
.module.mod-box-blue .menu-sidebar li.remain .level1, 
.module.mod-box-blue .menu-sidebar a.level2:hover, 
.module.mod-box-blue .menu-sidebar a.level3:hover { 
    color: #57abcc;
}
 
.module.mod-box-blue .menu-sidebar .level2 a > span, 
.module.mod-box-blue .menu-sidebar .level2 span > span { 
    background: url(../images/color/blue/menu_bullet_blue.png) 0 0 no-repeat;
}

/* Sets the active drop-arrow nd hover arrow for the side menu */
.module.mod-box-blue .menu-sidebar li.parent.active .level1 > span { 
    background: url(../images/color/blue/menu_sidebar_arrow_blue.png) 100% -100px no-repeat; 
}

.module.mod-box-blue .menu-sidebar li.parent .level1:hover > span { 
    background: url(../images/color/blue/menu_sidebar_arrow_blue.png) 100% 0 no-repeat; 
}
